<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/layuiadmin/style/admin.css" media="all">
    <link rel="stylesheet" href="/layuiadmin/style/private_chat_new.css?v={:config('other.ui_version')}" media="all">
</head>
<body>
<div class="chat_area">
    <div class="anchor_list">
        <div class="total_title" id="chatTotalArea"><strong>主播列表</strong><span>99+</span></div>
        <div class="anchor_chat_list">
            <ul id="privateCahtList">
                {for start="0" end="30"}
                <li class="{$i==0?'active':''}" chat-href="/admin/privatechat/chat_info.html?anchor_id=6000167" lay-text="安安">安安</li>
                <li class="" chat-href="/admin/privatechat/chat_info.html?anchor_id=6000167" lay-text="安安">安安</li>
                {/for}
            </ul>
        </div>
    </div>

    <div class="chat_right">
        <!--用户信息-->
        <div class="anchor_info">
            <p><span>主播</span><em>robot157</em></p>
            <p><span>ID</span><em>6000565</em></p>
            <p><span>标题</span><em>竞猜第二</em></p>
        </div>
        <!--会话列表-->
        <div class="chat_session">
            <div class="session_area">
                <div class="session_title">
                    <p class="active">正在私聊(99+)</p>
                    <p>待办私聊(99+)</p>
                </div>
                <div class="chat_list">
                    {for start="0" end="10"}
                    <dl>
                        <dt>niko正在私聊(1)</dt>
                        <dd class="{$i==0?'active':''}" data-userid="6002076" data-username="robot1668" data-anchorid="6000565" data-anchorname="robot157" data-sessionid="17">
                            <div class="device_icon icon_web"></div>
                            <div class="user_chat_desc">
                                <p>
                                    <span class="nick_name">robot1668robot1668robot1668</span>
                                    <span>ID:6002076</span>
                                    <span class="last_reply_time">18:14:55</span>
                                </p>
                                <p class="last_reply_msg">来来来来</p>
                            </div>
                        </dd>

                        <dd data-userid="6002076" data-username="robot1668" data-anchorid="6000565" data-anchorname="robot157" data-sessionid="17" class="">
                            <div class="device_icon icon_ios"></div>
                            <div class="user_chat_desc">
                                <p>
                                    <span class="nick_name">昵称:robot1668</span>
                                    <span>ID:6002076</span>
                                    <span class="last_reply_time">18:14:55</span>
                                </p>
                                <p class="last_reply_msg">来来来来</p>
                            </div>
                        </dd>

                        <dd data-userid="6002076" data-username="robot1668" data-anchorid="6000565" data-anchorname="robot157" data-sessionid="17">
                            <div class="device_icon icon_android"></div>
                            <div class="user_chat_desc">
                                <p>
                                    <span class="nick_name">robot1668</span>
                                    <span>ID:6002076</span>
                                    <span class="last_reply_time">18:14:55</span>
                                </p>
                                <p class="last_reply_msg">来来来来</p>
                            </div>
                        </dd>
                    </dl>
                    {/for}
                </div>

            </div>

            <div class="chat_user">
                <div class="user_info">
                    <div class="layui-form">
                        <div class="layui-form-item" id="chatUserInfo">
                            <div class="layui-inline"><strong class="nick_name">啊所发生的</strong></div>
                            <div class="layui-inline"><em class="em_tic">ID</em><span class="user_id">1111111</span></div>
                            <div class="layui-inline"><em class="em_tic">IP</em><span class="user_ip">123132</span></div>
                            <div class="layui-inline"><em class="em_tic">系统</em><span class="user_device">苹果</span></div>
                            <div class="layui-inline">
                                <label class="layui-form-label">禁言状态333：</label>
                                <div class="layui-input-inline">
                                    <select name="band_time" lay-filter="band_time" id="bandTime">
                                        <option value="0">正常</option>
                                        <option value="10">10分钟</option>
                                        <option value="20">20分钟</option>
                                        <option value="30">30分钟</option>
                                        <option value="120">2小时</option>
                                        <option value="360">6小时</option>
                                    </select>
                                </div>
                            </div>
                            <div class="layui-inline">
                                <div class="layui-btn layui-btn-sm chat_start ">开始接入</div>
                                <div class="layui-btn layui-btn-sm layui-btn-normal chat_towait ">转入待办</div>
                                <div class="layui-btn layui-btn-sm layui-btn-danger chat_stop ">结束私聊</div>
                            </div>
                            <div class="layui-inline chat_isover layui-hide" style="color:#FF5722"><strong>该会话已经结束</strong></div>
                        </div>
                    </div>
                </div>

                <div class="chat_content">
                    <!--sessionid是会话表的主键id-->
                    <div class="layui-hide" id="oneChatBaseInfo" data-userid="{$user_id|default=''}" data-username="{$user_name|default=''}" data-sessionid="{$sessionid|default=''}" data-anchorid="{$anchor_id|default=''}" data-anchorname="{$anchor_name|default=''}"></div>
                    <!--聊天内容列表-->
                    <div class="chat_cont_list" id="imTalkList">
                        {for start="0" end="10"}
                        <dl>
                            <dt>艾斯<span>2022-11-29 17:10:58</span></dt>
                            <dd>阿达大法师多法索多敷阿达大法师多法索多敷阿达大法师多法索多敷阿达大法师多法索多敷阿达大法师多法索多敷阿达大法师多法索多敷阿达大法师多法索多敷阿达大法师多法索多敷阿达大法师多法索多敷阿达大法师多法索多敷阿达大法师多法索多敷</dd>
                        </dl>
                        <dl class="anchor_send">
                            <dt><span>2022-12-03 10:17:50</span>我</dt>
                            <dd>阿达大法师多法索多敷阿达大法师多法索多敷阿达大法师多法索多敷阿达大法师多法索多敷阿达大法师多法索多敷阿达大法师多法索多敷阿达大法师多法索多敷阿达大法师多法索多敷</dd>
                        </dl>
                        <dl>
                            <dt>艾斯<span>2022-11-29 17:10:58</span></dt>
                            <dd>阿斯顿法师打发斯蒂芬</dd>
                        </dl>
                        <dl class="anchor_send">
                            <dt><span>2022-12-03 10:17:50</span>我</dt>
                            <dd>阿斯顿发送到发送到发的</dd>
                        </dl>
                        {/for}

                    </div>
                </div>

                <!--发送聊天-->
                <div class="chat_cont_sendarea layui-form" id="chatSendArea">
                    <textarea placeholder="请输入私聊内容" class="layui-textarea" name="content" id="writeContent" lay-verify="required" lay-reqText="请输入聊天内容"></textarea>
                    <button class="layui-btn send_btn" lay-submit="" lay-filter="expert-edit">发送</button>
                </div>
            </div>

        </div>
    </div>
</div>
<script src="/layuiadmin/layui/layui.js"></script>
<script>
    layui.config({
        base: '/layuiadmin/' //静态资源所在路径
        , version: "{:config('other.ui_version')}"
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'form'], function () {
    });
</script>
</body>
</html>
